<template>
	<view>
		<view class="flex flex-column flex-1 align-center m-4">
			<view>
				<video id="myVideo" :src="src" @error="videoErrorCallback" 
				controls="false" poster="@/static/bgimg/demo1.jpg" class="upload-video"></video>
			</view>
		</view>
		<view class="uni-common-mt mx-2 border-bottom-gray-light">
			<view class="uni-form-item uni-column">
				<view class="uni-input-wrapper">
					<input class="uni-input text-left" focus placeholder="想说点什么" />
				</view>
			</view>
		</view>
		<uni-list class="text-left">
			<uni-list-item showArrow title="标签" rightText="选择标签" class="px-2"/>
			<uni-list-item title="位置" rightText="上海市" rightColor="black" class="px-2"/>
		</uni-list>
		<view class="m-4 position-absolute fixed-bottom">
		<button type="warn" class="rounded36">发 布</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			src: "http://qiniu.500-china.com/video/uni-app-DCloud@20181126-lite.m4v",
			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #ffffff;
		min-height: 100%;
		height: auto;
	}

	.upload-video {
		width: 420rpx;
		height: 500rpx;
	}
</style>
